<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="http://www9.53kf.com/img/upload/10155271/mobile/temp/mobile_53kf_1543541378.jpg" type="image/x-icon">
    <title>offcn中公优就业</title>
    <!-- 引入外部样式表css代码 -->
    <link rel="stylesheet" href="../css/home.css">
    <!-- swiper样式 -->
    <link rel="stylesheet" href="../css/swiper.min.css">
    <!-- swiper脚本 -->
    <script src="../js/swiper.min.js"></script>
</head>

<body>
    <!-- 顶部导航 -->
    <div class="nav">
        <div class="nav-content">
            <!-- Logo区 -->
            <a href="#" class="logo">
                <img src="../imgs/logo.jpg" alt="">
            </a>
            <!-- 选项列表区 -->
            <ul class="nav-list">
                <li><a href="#">首页</a></li>
                <li>
                    <a href="#">在线就业班</a>
                    <img class="hot-logo" src="../imgs/hot.gif" alt="">
                </li>
                <li class="quality-a">
                    <a href="#">
                        精品课程
                        <img class="down-img" src="../imgs/ujy_down.jpg" alt="">
                    </a>
                    <ul class="quality">
                        <li>
                            <a href="#">免费课程</a>
                        </li>
                        <li>
                            <a href="#">精品网课</a>
                        </li>
                    </ul>
                </li>
                <li><a href="#">在线直播</a></li>
                <li><a href="#">IT培训机构</a></li>
                <li class="app-a">
                    <!-- 当用户链接时，void(0)计算为0,用户点击不会发生任何效果 -->
                    <a href="javascript:void(0);" id="download-button">APP下载</a>
                    <div class="app-box">
                        <img src="../imgs/ujyx_code.jpg" alt="">
                        <div class="app-title">
                            扫码下载<br>
                            IT优学APP
                        </div>
                    </div>
                </li>
            </ul>
            <!-- 操作区 -->
            <ul class="operation-list">
                <li class="register">
                    <a href="#">注册</a>
                </li>
                <li class="login">
                    <a href="#">登录</a>
                </li>
                <li class="ewm">
                    <img class="ewm-logo" src="../imgs/ujyx_ewm.jpg" alt="">
                    <ul class="ewm-logo-list">
                        <li>
                            <img src="../imgs/ujyx_16.jpg" alt="">
                            <div>
                                扫码下载<br>IT优学APP
                            </div>
                        </li>
                        <li>
                            <img src="../imgs/ujyx_17.jpg" alt="">
                            <div>
                                扫码关注<br>中公优就业
                            </div>
                        </li>
                    </ul>
                </li>
                <li class="gwc">
                    <img src="../imgs/shopbar.jpg" alt="">
                </li>
                <li class="fdj">
                    <img src="../imgs/etk_search.jpg" alt="">
                </li>
            </ul>
            <!-- 侧栏课程列表 -->
            <div class="offcn-slide">
                <dl>
                    <dt><a target="_blank" href="/list-180/">互联网营销</a></dt>
                    <dd>
                        <a target="_blank" href="/list-181/">SEO</a>
                        <a target="_blank" href="/list-182/">SEM</a>
                        <a target="_blank" href="/list-207/">新媒体</a>
                        <a target="_blank" href="/list-208/">电商</a>
                        <a target="_blank" href="/list-206/">建站</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a target="_blank" href="/list-187/">Web前端</a></dt>
                    <dd>
                        <a target="_blank" href="/list-188/">HTML</a>
                        <a target="_blank" href="/list-189/">CSS</a>
                        <a target="_blank" href="/list-190/">JavaScript</a>
                        <a target="_blank" href="/class-42626/">H5</a>
                        <a target="_blank" href="/class-30888/">前端交互</a>
                        <a target="_blank" href="/class-32568/">移动端开发</a>
                        <a target="_blank" href="/class-34006/">React.js</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a target="_blank" href="/list-197/">Java开发</a></dt>
                    <dd>
                        <a target="_blank" href="/class-23479/">基础入门</a>
                        <a target="_blank" href="/class-46889/">算法分析</a>
                        <a target="_blank" href="/class-43067/">微服务框架</a>
                        <a target="_blank" href="/class-59476/">数据库入门到连接池</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a target="_blank" href="/list-315/">Python开发</a></dt>
                    <dd>
                        <a target="_blank" href="/class-26721/">基础入门</a>
                        <a target="_blank" href="/class-45177/">网络爬虫</a>
                        <a target="_blank" href="/class-71911/">机器学习</a>
                        <a target="_blank" href="/class-72195/">Python全栈开发</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a target="_blank" href="/list-191/">全链路UI/ UE交互设计</a></dt>
                    <dd>
                        <a target="_blank" href="/list-273/">软件基础</a>
                        <a target="_blank" href="/list-194/">平面设计</a>
                        <a target="_blank" href="/list-192/">网页设计</a>
                        <a target="_blank" href="/list-272/">移动UI设计</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a target="_blank" href="/list-195/">程序开发</a></dt>
                    <dd>
                        <a target="_blank" href="/list-279/">软件测试</a>
                        <a target="_blank" href="/list-316/">Linux云计算</a>
                        <a target="_blank" href="/list-421/">大数据开发</a>
                        <a target="_blank" href="/list-387/">Unity游戏开发+VR/AR</a>
                        <a target="_blank" href="/list-196/">PHP</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a target="_blank" href="/list-700/">计算机证书</a></dt>
                    <dd>
                        <a target="_blank" href="/list-338/">计算机二级</a>
                        <a target="_blank" href="/list-703/?kj_zhibo=1">PMP</a>
                        <a target="_blank" href="/list-700/?kj_zhibo=1">计算机软考</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a target="_blank" href="/list/">其它课程</a></dt>
                    <dd>
                        <a target="_blank" href="/list-199/">Office办公软件</a>
                        <a target="_blank" href="/list-203/">求职面试技巧</a>
                        <a target="_blank" href="/list-418/">BIM</a>
                        <a target="_blank" href="/list-879/">三维可视化</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- banner区 -->
    <div class="banner">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../imgs/banner1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../imgs/banner2.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../imgs/banner3.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../imgs/banner4.jpg" alt="">
                </div>
            </div>
            <div class="banner-pag">
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- 上下页按钮-修改箭头颜色示范 -->
                <div class="swiper-button-prev">&lt;</div>
                <div class="swiper-button-next">&gt;</div>
            </div>
        </div>
    </div>
    <!-- 主要内容区 -->
    <div class="main-body">
        <!-- 测试列表区 -->
        <div class="test-list">
            <ul>
                <li>
                    <a href="#">
                        <img src="../imgs/test1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../imgs/test2.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../imgs/test3.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../imgs/test4.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <!-- 热门直播区 -->
        <div class="hot-live">
            <div class="hot-title">
                <h3>热门直播</h3>
                <a href="#">
                    更多
                    <img src="../imgs/ujyx_add.jpg" alt="">
                </a>
            </div>
            <div class="hot-content">
                <div class="hot-content-pic">
                    <a href="#">
                        <img src="../imgs/hot-live1.jpg" alt="">
                        <p>认识数据、数据处理、数据分析</p>
                        <button>直播中</button>
                    </a>
                </div>
                <div class="hot-content-list">
                    <ul>
                        <li>
                            <div class="status-left">直播中</div>
                            <div class="title-right">Linux网络服务搭建(一)</div>
                        </li>
                        <li>
                            <div class="status-left">直播中</div>
                            <div class="title-right">Linux网络服务搭建(二)</div>
                        </li>
                        <li>
                            <div class="status-left">直播中</div>
                            <div class="title-right">Linux网络服务搭建(三)</div>
                        </li>
                        <li>
                            <div class="status-left">直播中</div>
                            <div class="title-right">Linux网络服务搭建(四)</div>
                        </li>
                        <li>
                            <div class="status-left">直播中</div>
                            <div class="title-right">Linux网络服务搭建(五)</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 精品网课 -->
        <div class="online-class">
            <div class="online-title">
                <h3>精品网课</h3>
                <ul>
                    <li>
                        <a href="#">互联网营销</a>
                    </li>
                    <li>
                        <a href="#">设计</a>
                    </li>
                    <li>
                        <a href="#">Web前端</a>
                    </li>
                    <li>
                        <a href="#">程序开发</a>
                    </li>
                    <li>
                        <a href="#">Office</a>
                    </li>
                </ul>
                <a href="#" class="more-class">
                    更多
                    <img src="../imgs/ujyx_add.jpg" alt="">
                </a>
            </div>
            <div class="online-list">
                <ul>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/online-list.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【系统】Python全栈+人工智能在线就业班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>1.00</span>
                            <span>1课时</span>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/online-list.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【系统】Python全栈+人工智能在线就业班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>1.00</span>
                            <span>1课时</span>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/online-list.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【系统】Python全栈+人工智能在线就业班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>1.00</span>
                            <span>1课时</span>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/online-list.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【系统】Python全栈+人工智能在线就业班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>1.00</span>
                            <span>1课时</span>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/online-list.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【系统】Python全栈+人工智能在线就业班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>1.00</span>
                            <span>1课时</span>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/online-list.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【系统】Python全栈+人工智能在线就业班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>1.00</span>
                            <span>1课时</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 免费网课 -->
        <div class="online-class">
            <div class="online-title">
                <h3>免费网课</h3>
                <ul>
                    <li>
                        <a href="#">互联网营销</a>
                    </li>
                    <li>
                        <a href="#">设计</a>
                    </li>
                    <li>
                        <a href="#">Web前端</a>
                    </li>
                    <li>
                        <a href="#">程序开发</a>
                    </li>
                </ul>
                <a href="#" class="more-class">
                    更多
                    <img src="../imgs/ujyx_add.jpg" alt="">
                </a>
            </div>
            <div class="online-list">
                <ul>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/free-list1.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【系统】Python全栈+人工智能在线就业班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>0.00</span>
                            <span>10课时</span>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/free-list1.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【系统】Python全栈+人工智能在线就业班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>0.00</span>
                            <span>10课时</span>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/free-list1.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【系统】Python全栈+人工智能在线就业班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>0.00</span>
                            <span>10课时</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 就业面授课 -->
        <div class="online-class">
            <div class="online-title">
                <h3>就业面授班</h3>
                <a href="#" class="more-class">
                    更多
                    <img src="../imgs/ujyx_add.jpg" alt="">
                </a>
            </div>
            <div class="online-list">
                <ul>
                    <li>
                        <a href="#" class="online-top-pic">
                            <img src="../imgs/job.jpg" alt="">
                        </a>
                        <a href="#" class="online-middle-title">【面授】PMP认证考试全程精品班 </a>
                        <div class="online-info">
                            <span>￥</span>
                            <span>0.00</span>
                            <span>10课时</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 学习方式-多平台学习 -->
        <div class="study-mode">
            <h3>支持电脑、手机、PAD多平台学习</h3>
            <ul>
                <li>
                    <h6>支持苹果、安卓所有设备</h6>
                    <p>优学在线课程均可同到移动端，支持苹果和安卓主流设备</p>
                </li>
                <li>
                    <h6>APP支持离线，随时学</h6>
                    <p>优学在线课程均可同到移动端，支持苹果和安卓主流设备</p>
                </li>
                <li>
                    <h6>直播、录播多种学习方式</h6>
                    <p>既有直播互动课程，也有录播视频，适配不同需求</p>
                </li>
            </ul>
        </div>
        <!-- 友情链接 -->
        <div class="friend-link">
            <h3>友情链接</h3>
            <div class="link-list">
                <a href="http://www.ujiuye.com/" target="_blank"> IT培训</a>
                <a href="http://weifang.offcn.com/" target="_blank"> 潍坊人事考试中心</a>
                <a href="http://www.zgsydw.com/hainan/" target="_blank"> 海南事业单位招聘</a>
                <a href="http://jining.offcn.com/ " target="_blank">济宁公务员</a>
                <a href="http://www.ctiku.com/sili/" target="_blank">私立学校 </a>
                <a href="http://www.eoffcn.com/sydwks/" target="_blank">事业单位招聘</a>
                <a href="http://www.ukassignment.org/wkdx/" target="_blank">网课代修</a>
                <a href="http://19.offcn.com/" target="_blank">19直播课堂</a>
                <a href="http://www.zgcjpx.com/" target="_blank">财经培训</a>
                <a href="http://shanghai.ujiuye.com/" target="_blank">上海IT培训</a>
                <a href="http://hubei.ujiuye.com/" target="_blank">武汉IT培训</a>
                <a href="http://hunan.ujiuye.com/" target="_blank">湖南IT培训</a>
                <a href="http://www.zgsydw.com/gansu/" target="_blank">甘肃事业单位考试</a>
                <a href="https://www.yanedu.com/tiaojian/" target="_blank">在职研究生报考条件</a>
                <a href="http://linfen.offcn.com/" target="_blank">临汾人事考试网</a>
                <a href="http://hb.kaoyan365.cn/" target="_blank">河北中公考研</a>
                <a href="http://hn.kaoyan365.cn/" target="_blank">湖南考研网</a>
                <a href="http://gz.zgjsks.com/" target="_blank">贵州教师招聘</a>
                <a href="http://bbs.sanhao.com/" target="_blank">三好网社区</a>
                <a href="http://www.dxs518.cn/" target="_blank">大学生校内网</a>
                <a href="http://nanchang.offcn.com/" target="_blank">南昌人事考试信息网</a>
                <a href="http://www.shouhuola.com/" target="_blank">计算机编程入门</a>
                <a href="http://xue.ujiuye.com/ke/" target="_blank">IT培训班</a>
                <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1535425916&amp;site=qq&amp;menu=yes" rel="nofollow" target="_blank">【申请友情链接】</a>
            </div>
        </div>
    </div>

    <!-- 底部导航 -->
    <div class="footer-body">
        <div style="display: inline-block;">
            <a href="http://www.ujiuye.com/aboutus.html" target="_blank"> 关于我们 </a> |
            <a href="http://www.ujiuye.com/contactus.html" target="_blank"> 联系我们 </a> |
            <a href="http://www.ujiuye.com/join.html" target="_blank"> 加入我们 </a> |
            <a href="http://www.ujiuye.com/honor/" target="_blank">品牌荣誉</a> |
            <a href="http://www.ujiuye.com/copyright.html" target="_blank"> 版权申明 </a> |
            <a href="http://www.ujiuye.com/map.html" target="_blank"> 网站地图 </a> |
            <a href="http://www.ujiuye.com/pay.html" target="_blank"> 支付方式</a>
            <br>
            <a href="http://beian.miit.gov.cn" rel="noopener noreferrer nofollow" target="_blank">京ICP备10218183号-88</a> 
            京ICP证161188号 
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020723" rel="nofollow"> 
            <img src="http://xue.ujiuye.com/public/images/gongbei.png"> 京公网安备11010802020723号</a> 
            <a href="https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&amp;serial=91110108551426892J-SAIC_SHOW_10000091110108551426892J1597908389910&amp;signData=MEQCIAjh2PzB/huK3VthSDjclM0D4XYdpUkkzuCCTMoQoaiQAiAqp/yCZfT97roNePZXOvVGr05AU9/gp4WGFBMeWUQhwg==" target="_blank" rel="nofollow">
                <img src="http://xue.ujiuye.com/uploads_it/2008/QuanGuo/F8K1178241218YGC.png"> 
            </a>
            <br>
            Copyright©1999-2020 北京中公教育科技有限公司 .All Rights Reserved
        </div>
    </div>

    <!-- swiper配置 -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            loop: true,
            prevButton: '.swiper-button-prev',
            nextButton: '.swiper-button-next',
            autoplay: 10000,
        });
    </script>
</body>

</html>